<!--
 * @Description: 样式学习2
 * @Author: rendc
 * @Date: 2025-09-11 09:38:51
 * @LastEditors: rendc
 * @LastEditTime: 2025-09-11 10:10:38
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>样式学习</title>
  <!-- 内部样式表 一般放在head标签中-->
  <style>
    div {
      /* font-size: 20px; */
      color: green;
    }
  </style>
  <!-- 图标 -->
  <link rel="icon" href="https://www.baidu.com/favicon.ico">
  <!-- 外部样式表 -->
  <link rel="stylesheet" href="style.css">
</head>

<body>
  样式学习
  <!-- 内联样式 - 行内样式 -->
  <div style="color: red;">css测试</div>
</body>

</html>